.wrapper{
    width: 1200px;
    height: 800px;
    margin: 0 auto;
}
.y-header{
    background-color: black;
    width: 100%;
    height: 7%;
    color:white;
    font-size: 25px;
}
.ypage-content{
    width:100%;
    height:93%;
    position: relative;
    padding: 0;
}
.bg1{
    background-image: url(../img/pump/background1.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size: 100%;
    position: absolute;
    z-index: 1;
}
.bg2{
    background-image: url(../img/pump/background2.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size: 100%;
    position: absolute;
    z-index: 2;
}
.bg3{
    background-image: url(../img/pump/water.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size: 100%;
    position: absolute;
    z-index: 3
}
.line1{
    background-image: url(../img/pump/line.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size: 100%;
    position: absolute;
    z-index: 4;
}
.line2{
    background-image: url(../img/pump/box.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size: 100%;
    position: absolute;
    z-index: 5
}
.device{
    background-image: url(../img/pump/pump.png);
    width: 30%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 5%;
    margin-left: 1%;
}
.content{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 6;
}
.ch-box{
    margin-top: 30%;
    height: 40%;
    width: 20%;
    margin-left: 5%; 
    float:left;
}
.ch-device{
    height: 80%;
    background-image: url(../img/pump/pump_red.png);
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.des-box1{
    width: 20%;
    height: 50%;
    margin-top: 10%;
    margin-left: 10%;
    float: left;
}
.content p{
    color: black;
    font-family: 微软雅黑;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
    line-height:40px;
}
.des-box2{
    width: 20%;
    height: 30%;
    margin-top: 10%;
    margin-left: 5%;
    float: left;
}
.wat-base{
    margin-top:30%;
    margin-left:70%;
}
/* easypiecharts*/
.chart1 {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.chart1 canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent1 {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent1:after {
  content: 'mm';
  margin-left: 0.1em;
  font-size: .8em;
}
/* easypiecharts*/

/* v-slider*/
#v-slider{
/*    display: inline-block;*/
}
/* v-slider*/